<!DOCTYPE html>
<html>
<head>
	<title><%=title%></title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="styles/main.css">
	<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
	<script type="text/javascript" src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="scripts/main.js"></script>
</head>
<body>
<% include header.ejs %>
	<div class="container">
		<div class="tab-content">
			<div class="tab-pane active" id="sy">
				<div id="body">
				<!-- 左侧栏 -->
					<div class="col-xs-8">
						<div class="article">
							<div class="article_title f_l">
								<h3 class="f_l"><%=cata_name %></h3>
								<span class="f_r">
									<a href="#">安卓(Android)</a>
									<a href="#">苹果(Apple)</a>
									<a href="#">WP(windows)</a>
								</span>
							</div>
							<div class="clear"></div>
							<% for(var i=0; i<item.length; i++){%>
							<div class="blogs f_l">
								<div class="b_img f_l">
									<img src="/<%=item[i].img%>">
								</div>
								<ul class="f_r">
									<h6><a href="article?id=<%= item[i].aid%>"><%= item[i].title %></a></h6>
									<p><%- item[i].content %></p>
									<p>
										<span class="lm f_l">[<a href="#"><%= item[i].name %></a>]</span>
										<span class="dtime f_l">2016-3-06</span>
										<span class="viewnum f_r">浏览(<a href="#">542</a>)</span>
										<span class="pingl f_r"><a href="#">21条评论</a></span>
									</p>
								</ul>
							</div>
							<%}%>
						</div>
						<nav>
							<ul class="pagination">
								<li <%if(currentpage==1){%> class="disabled" <%}%>>
									<a <%if(currentpage!=1){%>href="?page=<%=currentpage-1%>"<%}%>>
										<span>&laquo;</span>
									</a>
								</li>
								<%for(var i=1;i<=totolpage;i++){%>
								<li <%if(currentpage==i){%> class="active"<%}%>><a href="?page=<%=i%>"><%=i%></a></li>
								<%}%>
								<li <%if(currentpage==totolpage){%> class="disabled" <%}%>>
									<a <%if(currentpage!=totolpage){%>href="?page=<%=(parseInt(currentpage)+1)%>"<%}%>>
										<span>&raquo;</span>
									</a>
								</li>
							</ul>
						</nav>
					</div>
				
				</div>
			</div>
			<!-- 右侧栏 -->
					<div class="f-r col-xs-4">
						<div id="box_r">
							<div class="br_title">
								<h6>关注我们</h6>
							</div>
							<div id="app">
								<a href="#" class="xlwb">新浪微博</a>
								<a href="#" class="txwb">腾讯微博</a>
								<a href="#" class="yx">邮箱</a>
								<a href="#" class="wx">微信</a>
							</div>
							<div id="mjs:tip" class="tip" style="position: absolute; left: 305px; top: 120px; display: none;"><font color="#fff">关注<b>机友汇</b>微信账号</font><br><b><img src="http://www.jiyouh.com/skin/jiyouhui/images/weixintop.jpg"></b></div>
							<div class="advertisement">
								<img src="temp/ad300x100.jpg">
							</div>
							<div id="moreselect">
								<ul class="nav nav-pills" role="tablist">
									<li class="active"><a href="#djph" data-toggle="tab">点击排行</a></li>
									<li><a href="#zxwz" data-toggle="tab">最新文章</a></li>
									<li><a href="#zztj" data-toggle="tab">站长推荐</a></li>
								</ul>

								<!-- Tab panes -->
								<div class="tab-content">
									<div class="tab-pane active" id="djph">
										<ul class="f_l">
											<li><a href="#">HTC One M9官方图曝光 配置价格一并出炉</a></li>
											<li><a href="#">中兴“咔咔”运动相机在MWC2015上正式展出 剑指小蚁运动相机</a></li>
											<li><a href="#">华为荣耀新总裁亮相 称今年重点立足海外</a></li>
											<li><a href="#">一个女生的十年——手机里一直舍不得删的小说</a></li>
											<li><a href="#">细节也要看清楚，华为MWC2015智能手表高清图赏</a></li>
											<li><a href="#">传谷歌今年5月将推出iOS版本Android Wear</a></li>
										</ul>
									</div>
									<div class="tab-pane" id="zxwz">
										<ul class="f_l">
											<li><a href="#">中兴“咔咔”运动相机在MWC2015上正式展出 剑指小蚁运动相机</a></li>
											<li><a href="#">细节也要看清楚，华为MWC2015智能手表高清图赏</a></li>
											<li><a href="#">华为荣耀新总裁亮相 称今年重点立足海外</a></li>
											<li><a href="#">传谷歌今年5月将推出iOS版本Android Wear</a></li>
											<li><a href="#">半年时间苹果iOS 8普及率终于过了75%！</a></li>
											<li><a href="#">手机更卡了！安卓5.0停止默认数据加密</a></li>
										</ul>
									</div>
									<div class="tab-pane" id="zztj">
										<ul class="f_l">
											<li><a href="#">细节也要看清楚，华为MWC2015智能手表高清图赏</a></li>
											<li><a href="#">Huawei TalkBand B2华为智能手环 智选从容</a></li>
											<li><a href="#">三星Galaxy S6,原来它长这样！</a></li>
											<li><a href="#">苹果正式发出3月9日发布会邀请函 主角很可能是Apple Watch智能手表</a></li>
											<li><a href="#">Apple Watch能否撬动消费者的购买欲望？</a></li>
											<li><a href="#">PULL & BEAR推出全新六款复古耳机系列</a></li>
										</ul>
									</div>
								</div>
							</div>
							<div class="clear"></div>
							<div id="hottag">
								<div class="br_title">
									<h6>热门标签</h6>
								</div>
								<ul>
									<a href="#">运动相机</a>
									<a href="#">小蚁</a>
									<a href="#">咔咔</a>
									<a href="#">中兴</a>
									<a href="#">AndroidWear</a>
									<a href="#">iOS8</a>
									<a href="#">5.0</a>
									<a href="#">余承东</a>
									<a href="#">移动芯片</a>
									<a href="#">SIM卡</a>
									<a href="#">810</a>
									<a href="#">骁龙</a>
									<a href="#">高通</a>
									<a href="#">Home键</a>
									<a href="#">MX5Pro</a>
								</ul>
							</div>
							<div id="hotarticle">
								<div class="br_title">
									<h6>热门文章</h6>
								</div>
								<ul>
									<li>
										<a href=""><img src="temp/ha1.jpg"></a>
										<div class="h_a">
											<a href="#"><b>HTC One M9官方图曝光 配置价格一并出炉</b></a>
											<p>
												<span class="tulanmu">安卓(Android)</span>
												<span class="tutime">2015-02-24</span>
											</p>
										</div>
										
									</li>
								</ul>
								<ul>
									<li>
										<a href=""><img src="temp/b1.jpg"></a>
										<div class="h_a">
											<a href="#"><b>中兴“咔咔”运动相机在MWC2015上正式展出 剑指小蚁运动相机</b></a>
											<p>
												<span class="tulanmu">其他配件</span>
												<span class="tutime">2015-03-06</span>
											</p>
										</div>
										
									</li>
								</ul>
								<ul>
									<li>
										<a href=""><img src="temp/ha3.jpg"></a>
										<div class="h_a">
											<a href="#"><b>华为荣耀新总裁亮相 称今年重点立足海外</b></a>
											<p>
												<span class="tulanmu">最新资讯</span>
												<span class="tutime">2015-03-05</span>
											</p>
										</div>
										
									</li>
								</ul>
								<ul>
									<li>
										<a href=""><img src="temp/ha4.png"></a>
										<div class="h_a">
											<a href="#"><b>一个女生的十年——手机里一直舍不得删的小说</b></a>
											<p>
												<span class="tulanmu">手机生活</span>
												<span class="tutime">2015-02-20</span>
											</p>
										</div>
										
									</li>
								</ul>
								<ul>
									<li>
										<a href=""><img src="temp/1.jpg"></a>
										<div class="h_a">
											<a href="#"><b>细节也要看清楚，华为MWC2015智能手表高清图赏</b></a>
											<p>
												<span class="tulanmu">可穿戴设备</span>
												<span class="tutime">2015-03-05</span>
											</p>
										</div>
										
									</li>
								</ul>
							</div>
							<div class="ad">
								<img src="http://www.jiyouh.com/skin/jiyouhui/images/03.jpg">
							</div>
							<div class="links">
								<h3><span>[<a href="/">申请友情链接</a>]</span>友情链接</h3>
								<ul>
									<li><a href="/">手机配件</a></li>
									<li><a href="/">苹果Apple</a></li>
									<li><a href="/">SumSung</a></li>
									<li><a href="/">Sony</a></li>
									<li><a href="/">三星</a></li>
									<li><a href="/">索尼</a></li>
									<li><a href="/">华维荣耀</a></li>
								</ul>
							</div>
							<div>
								<p class="banquan">机友汇有部分文章来源于互联网，版权归属于原作者。本站所有转载文章言论不代表本站观点，如是侵犯了原作者的权利请发邮件联系站长（zshl@jiyouh.com），我们收到后立即删除。</p>
							</div>
						</div>
					</div>
		</div>

	</div>
	<footer>
	    <div class="endfoot">
			<div class="ft-info f_l">
				<div class="ftlogo">
					<a href="http://www.jiyouh.com/" target="_blank">
						<img src="http://www.jiyouh.com/skin/jiyouhui/images/ftlogo.png">
					</a>
				</div>
				<div class="ft-title">
					<p>机友汇(jiyouh.com)，汇聚国内最优秀的智能手机资讯媒体平台! </p>
				</div>
			</div>
			<div class="ft-list f_r">
				<div class="ft-shares">    
					<a class="shares-sina" title="邮箱" href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&amp;email=HGZvdHBcdnVlc2l0Mn9zcQ" target="_blank"></a>
					<a class="shares-ten" title="腾讯微博" href="http://t.qq.com/jiyouh" target="_blank"></a>
					<a class="shares-dib" title="新浪微博" href="http://weibo.com/jiyouh" target="_blank"></a>
				</div>
				<div class="ft-nav">
					<span id="cnzz_stat_icon_1254431641">
						<a href="http://www.cnzz.com/stat/website.php?web_id=1254431641" target="_blank" title="站长统计">站长统计</a>
					</span>
					<a href="http://www.jiyouh.com/about.html" target="_blank">关于我们</a>
					<a href="http://www.jiyouh.com/about.html" target="_blank">联系我们</a>
					<a href="http://www.jiyouh.com/jobs.html" target="_blank">加入我们</a>
					<a href="http://www.jiyouh.com/ads.html" id="qaurl">广告合作</a>
					<a href="http://www.jiyouh.com/reports.html" target="_blank">投稿通道</a>
				</div>
				<p class="ft-copyright"> Copyright 2015 技术支持：<a href="http://www.tjzshl.com/" target="_blank">天津智尚互联科技有限公司</a><a href="http://www.miitbeian.gov.cn/" target="_blank"> 津ICP备15001073号-1</a></p>
			</div>
			</div>
	</footer>
</body>
</html>